@extends('layouts.master')

@section('title','購物車')
@section('content')
    <div class="container">
        <div class="py-5 text-center">
            <h2>購物車</h2>
        </div>

        <div class="row">
            <div class="col-md-12 order-md-12 mb-12">
                <h4 class="d-flex justify-content-between align-items-center mb-3">
                    <span class="text-muted">待購清單</span>
                </h4>
                <form action="/cart" method="post" accept-charset="UTF-8">
                    {{ csrf_field() }}
                    <ul class="list-group mb-3">

                            <li class="list-group-item d-flex justify-content-between lh-condensed">
                                <div class="col-9">
                                    <h6 class="my-0">122</h6>
                                    <small class="text-muted">322</small>
                                    <input type="hidden" name="book_id" value="1">
                                    <input type="hidden" name="count" value="123">
                                </div>
                                <div class="col-2">
                                    <select name="aaa" class="form-control form-control-sm">
                                            <option>22</option>
                                    </select>
                                </div>
                                <div class="col-1">
                                    <span class="text-muted">22</span>
                                </div>
                            </li>

                    </ul>
                    <div class="text-right">
                        <button type="submit" class="btn btn-secondary">結帳</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
